@import '@/main/common.less';

#proess {
  // display: flex;
  // flex-direction: column;
  // background-color: pink;
  :global {
    .proessLayout {
      display: flex;
      width: 100%;

      flex-direction: column;
      align-items: center;

      .prs {
        position: relative;

        width: 100%;
        height: 5px;
        background-color: red;
        display: flex;
        .content {
          height: 5px;
          background-color: #3399cc;
        }
      }
      .prsborder {
        width: 10px;
        height: 10px;
        margin-left: -2px;
        margin-top: -2px;
        border-radius: 50%;
        background-color: #3399cc;
      }
      .start {
        animation: dong 60s forwards linear;
      }
    }
    .proess-button {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      margin: 10px auto 0;
      font-size: 50px;
    }
  }
}
